<template>
    <div>
        <slot-components>
            <div slot-scope="childData">
                <span v-for="item in childData">
                    {{item}}
                </span>
            </div>
        </slot-components>
    </div>
</template>

<script>
  import SlotComponents from "./SlotComponents";
  export default {
    name: "SlotDemo",
    components: { SlotComponents },
  };
</script>

<style scoped>

</style>